<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>职位详情</title>
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_3063638_l4t9o8ly6jq.css">
    <link rel="stylesheet" href="../swiper-8.0.7/swiper8/swiper-bundle.min.css">
    <!-- <link rel="stylesheet" href="../bootstrap-4.6.1-dist/css/bootstrap.min.css"> -->
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/jobdetails.css">
</head>

<body>
    <!-- 头部导航栏 -->
    <header class="header">
        <div class="container">
            <!-- 头部品牌logo -->
            <div class="brand">
                <a href="./homepage.html" class="logo">
                    <img src="../imgs/logo.png" alt="" class="logo-img">
                    <h2 class="logo-title">得程</h2>
                </a>
                <div class="recruit">
                    <a href="./homepage.html" class="recruit-txt">进入招聘版</a>
                </div>
            </div>
            <!-- 头部导航栏 -->
            <div class="head-nav">
                <!-- 菜单项 -->
                <ul class="menu">
                    <li class="item"><a href="#" class="item-txt">首页</a></li>
                    <li class="item"><a href="#" class="item-txt">职位</a></li>
                    <li class="item"><a href="#" class="item-txt">公司</a></li>
                </ul>
                <!-- 登录用户信息 -->
                <div class="user-info">
                    <div class="news">
                        <a href="">消息</a>|
                    </div>
                    <div class="resume">
                        <a href="">简历</a>|
                    </div>
                    <div class="deliver">
                        <a href="">投递</a>
                    </div>
                    <!-- 用户信息 -->
                    <div class="user">
                        <div class="user-name">霍美美</div>
                        <ul class="user-menu">
                            <li class="menu-item"><a href="">个人主页</a></li>
                            <li class="menu-item"><a href="">职位收藏</a></li>
                            <li class="menu-item"><a href="">关注公司</a></li>
                            <li class="menu-item"><a href="">账号设置</a></li>
                            <li class="menu-item item-line"></li>
                            <li class="menu-item"><a href="">去招聘版</a></li>
                            <li class="menu-item"><a href="./homepage.html">退出登录</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </header>


    <!-- 顶部职位概述 -->
    <div class="post-summary-box">
        <div class="container">
            <!-- 左侧职位概述 -->
            <div class="post-content">
                <div class="time">发布于 ： 2019-04-12</div>
                <div class="recruit-post">
                    <div class="title">iOS开发工程师</div>
                    <div class="collection">
                        <img src="../imgs/collection-img.png" alt="">
                        <div class="collection-txt">收藏</div>
                    </div>
                </div>
                <div class="pay">25K-30K</div>
                <div class="ask">
                    <p>深圳 南山区</p>|
                    <p>3-5年</p>|
                    <p>本科</p>|
                    <p>全职</p>
                </div>
            </div>
            <!-- 右侧投递简历 -->
            <div class="resume">
                <a href="./deliver-success.html" class="deliver-resume">
                    <img src="../imgs/little-deliver-resume.png" alt="">
                    <div class="txt">投递简历</div>
                </a>

                <div class="setup-resume">
                    <div class="online-resume">
                        <img src="../imgs/online-resume.png" alt="" class="online-resume-img">
                        <div class="txt ellipsis-1">在线简历</div>
                        <img src="../imgs/little-down-arrow.png" alt="" class="little-down-arrow">
                    </div>
                    <!-- 下拉列表 -->
                    <div class="select-resume">
                        <div class="select-title">选择简历</div>
                        <div class="line1"></div>

                        <div class="resume-list">
                            <img src="../imgs/online-resume.png" alt="" class="online-resume-img">
                            <div class="txt ellipsis-1">在线简历</div>
                            <div class="select">
                                <div class="selectd"></div>
                            </div>
                        </div>
                        <div class="line2"></div>
                        <div class="resume-list">
                            <img src="../imgs/resume-img.png" alt="" class="resume-img">
                            <div class="txt ellipsis-1">郭美美的个人简历</div>
                            <div class="select"></div>
                        </div>
                        <div class="resume-list">
                            <img src="../imgs/resume-img.png" alt="" class="resume-img">
                            <div class="txt ellipsis-1">小郭的简历</div>
                            <div class="select"></div>
                        </div>

                        <a href="" class="upload">
                            <img src="../imgs/upload-img.png" alt="" class="upload-img">
                            <div class="txt">上传附件简历</div>
                        </a>

                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- 职位相关介绍 -->
    <div class="post-present">
        <div class="container">
            <!-- 介绍左侧 -->
            <div class="present-left">
                <!-- 职位详情 -->
                <div class="post-detail">
                    <div class="detail-title">
                        <div class="block"></div>
                        <div class="title">职位详情</div>
                    </div>
                    <div class="detail-content">
                        <ul class="duty">
                            <li class="duty-list">职责描述：</li>
                            <li class="duty-list">1、参与需求评估，产品开发，制定开发计划；</li>
                            <li class="duty-list">2、负责公司项目iOS客户端框架开发与维护；</li>
                            <li class="duty-list">3、Cordova原生能力的接口编写 ；</li>
                            <li class="duty-list">4、独立承担开发任务，开发、修改、调试、维护、外部配合及发布上线等工作；</li>
                            <li class="duty-list">5、按照产品计划，在保证质量的前提下，按时完成开发任务；</li>
                            <li class="duty-list">6、持续的优化前端体验和页面响应速度，并保证兼容性和执行效率，提高用户体验。</li>
                        </ul>
                        <ul class="ask">
                            <li class="ask-list">任职要求：</li>
                            <li class="ask-list">1、3年以上iOS平台开发经验，有过大型iOS项目架构经验为佳；</li>
                            <li class="ask-list">2、精通Objective-C、Swift编程语言，熟悉常用设计模式、熟悉常见数据结构和算法设计；</li>
                            <li class="ask-list">3、精通iOS 调试工具和方法，善于攻克各种iOS 复杂问题；</li>
                            <li class="ask-list">4、熟悉TCP/IP、HTTP/HTTPS协议，对MVP等设计模式有深刻的理解；</li>
                            <li class="ask-list">
                                5、具有混合APP开发经验、有开发Cordova插件能力，熟悉HTML5、CSS3、JavaScript等Web前端开发技术，熟练使用至少一种JavaScript框架（如：vue）；
                            </li>
                            <li class="ask-list">6、具有音视频、直播、OpenGL相关开发经验者优先。</li>
                        </ul>
                    </div>
                </div>
                <!-- 职位亮点 -->
                <div class="post-highlights">
                    <div class="highlights-title">
                        <div class="block"></div>
                        <div class="title">职位亮点</div>
                    </div>
                    <ul class="highlights-content">
                        <li class="highlights">五险一金</li>
                        <li class="highlights">周末双休</li>
                        <li class="highlights">老板nice</li>
                        <li class="highlights">扁平管理</li>
                        <li class="highlights">年底双薪</li>
                    </ul>
                </div>
                <!-- 公司地址 -->
                <div class="company-address">
                    <div class="address-title">
                        <img src="../imgs/company-address.png" alt="">
                        <div class="title">公司地址</div>
                    </div>
                    <!-- 地址详情 -->
                    <div class="address">
                        <div class="address-content">
                            <div class="address-title">
                                深圳市 南山区
                            </div>
                            <div class="address-txt">
                                科技园讯美广场2楼联合办公室
                            </div>
                            <a href="" class="address-details">
                                查看地图详情 >
                            </a>
                        </div>
                        <div class="map">
                            <img src="../imgs/map.png" alt="">
                        </div>
                    </div>
                </div>

            </div>
            <!-- 介绍右侧 -->
            <div class="present-right">
                <!-- 公司概述 -->
                <div class="company-summary">
                    <a href="./companydetails.html" class="company-title">
                        <img src="../imgs/tengxun-logo.png" alt="">
                        <div class="title">深圳腾讯科技有限公司</div>
                    </a>
                    <div class="line"></div>
                    <ul class="tag">
                        <li class="tag-list">
                            <i class="iconfont icon-fenlei"></i>
                            <div class="list-txt">已上市</div>
                        </li>
                        <li class="tag-list">
                            <i class="iconfont icon-yonghutouxiang"></i>
                            <div class="list-txt">2000人以上</div>
                        </li>
                        <li class="tag-list">
                            <i class="iconfont icon-pinglun"></i>
                            <div class="list-txt">游戏 / 互联网 / 区块链</div>
                        </li>
                        <li class="tag-list">
                            <i class="iconfont icon-wangluo"></i>
                            <div class="list-txt">http://www.tengxun.com</div>
                        </li>
                    </ul>
                </div>
                <!-- 发布职位者 -->
                <div class="publish-post">
                    <div class="publish-title">职位发布者</div>
                    <div class="publish-content">
                        <img src="../imgs/publish-post.png" alt="">
                        <a href="./recruiter.html" class="publisher">
                            <div class="name">李小姐 [HR]</div>
                            <div class="post-online">
                                <div class="txt">在线职位：</div>
                                <div class="post-num">24</div>
                            </div>
                        </a>
                    </div>


                </div>
            </div>
        </div>
    </div>



    <!-- 底部导航栏 -->
    <footer class="footer">
        <div class="container">
            <div class="service">
                <div class="links">
                    <div class="link">
                        <!-- 帮助链接信息 -->
                        <dl class="link-info">
                            <dt class="link-title">关于得程</dt>
                            <dd class="link-item"><a href="#">了解得程</a></dd>
                            <dd class="link-item"><a href="#">得程APP</a></dd>
                            <dd class="link-item"><a href="#">用户协议</a></dd>
                        </dl>
                        <dl class="link-info">
                            <dt class="link-title">帮助与反馈</dt>
                            <dd class="link-item"><a href="#">使用帮助</a></dd>
                            <dd class="link-item"><a href="#">意见反馈</a></dd>
                        </dl>
                        <dl class="link-info">
                            <dt class="link-title">联系我们</dt>
                            <dd class="link-item">4006-345-345</dd>
                            <dd class="link-item">周一至周日 9:00-18:00</dd>
                        </dl>
                    </div>
                    <!-- 图片帮助 -->
                    <div class="contact">
                        <div class="app active">
                            <div class="app-contact">
                                <i class="iconfont icon-app"></i>
                                <div class="txt">下载APP</div>
                            </div>
                            <img src="../imgs/code.png" alt="" class="code">
                        </div>
                        <div class="WeChat">
                            <div class="WeChat-contact">
                                <i class="iconfont icon-gongzhonghao"></i>
                                <div class="txt">关注公众号</div>
                            </div>
                            <img src="../imgs/code.png" alt="" class="code">
                        </div>
                    </div>
                </div>
                <!-- 底部网站信息 -->
                <div class="site-info">
                    <div class="copyright">Copyright©2019 得程</div>
                    <div class="record">备案号：粤ICP备12034550号-1</div>
                    <div class="record-info">
                        <img src="../imgs/record.png" alt="">
                        <div class="record-num">京公网安备11010502032801</div>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <script src="../js/jquery.slim.min.js"></script>
    <!-- <script src="../bootstrap-4.6.1-dist/js/bootstrap.min.js"></script> -->
    <script src="../swiper-8.0.7/swiper8/swiper-bundle.min.js"></script>

    <script>
        $(function () {
            // 用户信息的显示与隐藏
            $('.user').on('mouseenter mouseleave', function () {
                $(this).find('.user-menu').toggle(1000);
            });

            // 收藏按钮的单击效果
            $('.collection').on('click', function () {
                $(this).toggleClass('active');
            });

            // 投递简历信息的显示与隐藏
            $('.online-resume').on('click', function () {
                $(this).siblings('.select-resume').toggle(1000);
            });
            // 选择简历
            $('.select').on('click', function () {
                //蓝点
                $('.select').empty();
                $(this).append('<div class="selectd"></div>');

                //选择简历显示
                let html = $(this).parent().clone().html();
                // console.log(html);
                html += '<img src="../imgs/little-down-arrow.png" alt="" class="little-down-arrow">';
                $('.online-resume').empty().append(html);
            });

            // 底部二维码图片显示
            $('.app-contact').on({
                mouseenter: function () {
                    $(this).parent().addClass("active");
                    $('.WeChat-contact').parent().removeClass("active");
                }
            });
            $('.WeChat-contact').on({
                mouseenter: function () {
                    $(this).parent().addClass("active");
                    $('.app-contact').parent().removeClass("active");
                }
            });
        });

    </script>
</body>

</html>